@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
img{max-width: 100%;}
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; resize: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
p[style='color:red;font-weight:600'] { display:none!important; }
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#333; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #333; cursor:pointer; }
a:hover { color: #3397cb; }

.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden;  max-width:1920px;  }
.wrap { position:relative; width:1500px; margin:0 auto; }
.wrap02 { position:relative; width:1500px; margin:0 auto; }





/* @media all and (max-width:1700px){
	.topArea .wrap01 { width:96%; }
}
@media all and (max-width:1480px){
	.wrap { width:96%; }
	.wrap02 { width:1200px; }
} */
@media all and (max-width:1240px){
	.wrap02 { width:96%; }

}

.search { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); display:none; z-index:9999; }
.search form { position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-30px; width:600px; background:#fff; font-size:16px; z-index:9; }
.search form .txt { float:left; height:60px; line-height:60px; padding-left:15px; width:450px; }
.search form .btn { float:right; height:60px; line-height:60px; width:150px; text-align:center; background-image:linear-gradient(to bottom, #7e86c8, #6a90c4) ; ; color:#fff; cursor:pointer; }
.serclose { position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer; }
.search01 { display:block; }

.banner .videoBox {height: auto;background: #000;text-align: center;}
.banner .videoBox video {height: 100%;}
.banner .swiper-pagination{bottom: 40px !important;width: unset !important;display: inline-block;left: 220px !important;}
.banner .swiper-pagination-bullet {position: relative;width: 31px;height: 2px;background: transparent;opacity: 1;box-sizing: border-box;border-radius: unset;background: white;}
.banner .swiper-pagination-bullet-active {height: 5px;}
/*.banner .swiper-container-horizontal > .swiper-pagination-bullets {width: auto;left: 240px;bottom: 47px;}*/
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 13px;}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide img{max-width: 100%;}
/*.banner .swiper-slide img {animation: 7s ease 0s normal none infinite running bigddd;}*/
/*.banner .swiper-slide-active img {transform: scale(1.2,1.2);}*/
/* .banner .swiper-button-next{background: url(next.png)no-repeat center;right: 4.947%;}  */
/* .banner .swiper-button-prev{background: url(prev.png)no-repeat center;left: 4.947%;} */
/* .banner .swiper-button-prev,.banner .swiper-button-next{width: 64px;height: 64px;margin-top: -32px;} */

@keyframes bigddd {
    /*  */
    0%,
    100% {
        transform: scale(1);
    }
    50% {
       transform: scale(1.2,1.2);
    }
}

@-moz-keyframes bigddd {
    /* 火狐 */
    0%,
    100% {
        transform: scale(1);
    }
    50% {
       transform: scale(1.2,1.2);
    }
}

@-webkit-keyframes bigddd {
    /* Safari 和 Chrome */
    0%,
    100% {
        transform: scale(1);
    }
    50% {
       transform: scale(1.2,1.2);
    }
}

@-o-keyframes bigddd {
    /* Opera */
    0%,
    100% {
        transform: scale(1);
    }
    50% {
       transform: scale(1.2,1.2);
    }
}

.g-in{width: 1500px; margin: 0 auto;}


.banner{position: relative;}

.icon{margin-top: 31px;}
.icon .icon-search{background: url(search.png) no-repeat center;width: 18px;height: 19px;display: block;}

/* .lanuage a{font-size: 18px;color: #000;line-height: 40px;} */
.fun-icon{margin-left: 5px;}
.fun .nav li>a{font-size: 16px;color: #000;display: block;line-height: 83px;}
.fun .nav li>a:hover{font-weight: bold;}
.fun .nav li{margin-left: 45px;position: relative;}
.fun .nav li:first-child{margin-left: 0;}
.fun .fun-icon{margin-left: 34px;}
.fun .fun-icon .icon{margin-left: 40px;}
/* .tell{margin-left: 47px;} */
.tell i{margin-left: 14px;background: linear-gradient(to bottom, #7e86c8, #6a90c4) ;-webkit-background-clip: text;color: transparent;font-size: 23px;font-weight: bold;line-height: 83px;font-style: normal;}
.tell span{background: url(tell.png) no-repeat center;width: 26px;height: 83px;}
.c-nav-button{margin-left: 24px;margin-top: 30px;}
.headbox.showdiv .head{opacity:0;top:-108px;}
.headbox.showdiv .head2{opacity:1;top:0;}


/* .head2 .headr2 .searcha2{float:right;margin-top: 11px;} */

/* @media only screen and (max-width:1680px){
	.b-in{width: 96%;}
	.head .nav{float:left;margin-left: 42px;}
	.head .nav ul li{float:left;line-height: 40px;width: 105px;text-align: center;}

	.head2 .nav2{float:left;margin-left: 42px;}
	.head2 .nav2 ul li{float:left;line-height: 40px;width: 105px;text-align: center;}
	
} */
/* @media only screen and (max-width:1400px){
	.b-in{width: 1280px;}

	.head .nav{float:left;margin-left: 20px;}
	.head .nav ul li{float:left;line-height: 40px;width: 94px;text-align: center;}
	.head2 .headr .headrx{padding-left: 15px;}

	.head2 .nav2{float:left;margin-left: 20px;}
	.head2 .nav2 ul li{float:left;line-height: 40px;width: 94px;text-align: center;}
	.head2 .headr2 .headr2x{padding-left: 15px;}
	
}

 
@media all and (max-width:1600px){
	.nav { margin-right:10px; }
	.nav ul li { margin-right:10px; }
	.nav ul li .a1 {  padding:0 10px; }
} */








.u-mask{ position:fixed; top:0; right:0; left:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index: 9;  overflow: hidden; display:none;}
.m-nav-show .u-mask { display:block; }

.m-menu { position:fixed; top:0; right:-50%; width:45%; height:100%; background:rgba(255,255,255,0.8); z-index:9999; opacity:0; overflow:auto; }
.m-menu .site-nav {  padding:7% 5% 7% 15%;  min-height:400px; overflow-y:auto; }
.m-menu li { padding-bottom:12px; font-size:15px; }
.m-menu li:hover a,.m-menu .current a { color: #3397cb; }
.m-menu li dl { padding-left:15%; display:none; }
.m-menu li dt { padding-top:8px; padding-bottom:0; font-size:12px; }
.m-menu li a { color:#333; }
.m-menu li dt a { color:#333; }
.m-menu li dt.on a { color:#3397cb; }
.m-menu li:hover dt a,.m-menu .current dt a { color: #333; }

.m-menu li.p dl { display:block; }
 
.u-menu { position:absolute; right:calc(2% + 200px); top:50%; margin-top:-21px; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); cursor:pointer; display:none; z-index:9; }
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#3397cb; }
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

.sub-nav{position: absolute;top: 83px;left: 50%;transform: translate(-50%,0);width: 250%;background-color: white;z-index: 9;text-align: center;}
.sub-nav a{font-size: 16px;line-height: 40px;display: block;}
.sub-nav a:hover{background-image: linear-gradient(-90deg, #6b90c4 0%, #7e87c8 100%);color: white;}
/* @media only screen and (max-width:1700px){
	.b-in{width: 96%;}
	
	
}
@media all and (max-width:1520px){
    .head .nav li{margin: 0 20px;}
    .head2 .nav li{margin: 0 20px;}
}
@media all and (max-width:1300px){
	.c-nav-button_icon{display: inline-block;}
    .head .nav{display: none;}
    .head2 .nav{display: none;}
} */

/* @media all and (max-width:1280px){
 
	.navArea { width:calc(100% - 300px); }
	.nav ul li .a1 { padding:0 10px; }
}
@media all and (max-width:1200px){
	.logo img { height:60px; width:auto; }
	 
	.navArea { width:100%; padding:0; }
	.nav { display:none; }

	.u-menu { right:0; display:block; }
} */
.foot{padding: 57px 0 66px;border-top: 1px solid #f0eef3;}
.foot .f-nav a{font-size: 16px;color: #696969;}
.foot .f-nav li{margin-right: 61px;position: relative;}
.foot .f-nav li:last-child{margin-right: 0;}
.foot .f-nav li::after{content: "";top: 0;bottom: 0;right: -31px;border-right: 2px solid #ececec;height: 17px;position: absolute;margin: auto 0;}
.foot .copyright {color: #696969;opacity: 0.36;line-height: 24px;font-size: 14px;margin-top: 24px;}
.foot .f-a {color: #696969;opacity: 0.36;line-height: 24px;font-size: 14px;}
.foot .f-a a{color: #696969;}
.foot .wx span{writing-mode: tb-rl;display: inline-block;text-align: center;height: 111px;}
/* .back-to { position:fixed; _position:absolute; _top: expression(eval(document.documentElement.scrollTop)+400); bottom:110px; right:2%; display:none; z-index:999; }
.back-to .back-top { display:block; width:60px; height:60px; background:url(top.jpg) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }

@media all and (max-width:1400px){
	.back-to { display:none!important; }
} */

/*广告*/
.ad_closed{width:16px;height:16px;line-height:16px;text-align:center;background:#f00;color:#fff;position:absolute;top:0;right:0;cursor:pointer;}

/*弹出广告*/
#popup{position:fixed;top:50%;left:50%;z-index:9999;}
#ad_shadow{width:100%;background:#000;position:fixed;top:0;left:0;z-index:9000;opacity:0.4;filter:alpha(opacity=40);}

/*漂浮广告*/
#ad1{position:absolute;z-index:9999;}

/*左侧门帘*/
#hangL{position:absolute;left:0;z-index:9999;}

/*右侧门帘*/
#hangR{position:absolute;right:0;z-index:9999;}

/*拉屏广告*/
#bigScreen{position:relative;left:50%;top:0;height:0;overflow:hidden;}
#bigScreen .ad_closed{top:10px;}
/* 在线留言 */
.msg { margin-bottom: 30px; }
.msg h2 { margin-bottom: 28px; padding-left: 16px; color: #da231b; font-size: 24px; line-height: 50px; }
.msg input[type="text"] { width: 32%; height: 60px; margin-right: 2%; padding: 0 15px; border: 1px solid #e5e5e5; font-size: 16px; line-height: 58px; }
.msg input[type="submit"] { width: 32%; height: 60px; margin: 0; padding: 0 15px; border: 1px solid #da231b; background-color: #da231b; color: #fff; font-size: 16px; line-height: 58px; cursor: pointer; }
 
/*  */
.fixed{width: 50px;height: 265px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;background-color: white;position: fixed;right: 0;bottom: 0;top: 0;margin: auto 0;padding-top: 22px;box-sizing: border-box;}
.fixed ul .li-012{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.fixed ul li span{font-size: 18px;color: #000;position: relative;padding-bottom: 6px;line-height: 30px;margin-bottom: 12px;}
.fixed ul li span::after{content: "";position: absolute;bottom: 0;width: 17px;left: 50%;transform: translate(-50%,0);border-bottom: 1px solid #eeeeee;}
.fixed ul li{position: relative;}
.fixed ul .li03 a{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.fixed  .tel2 {position: absolute;padding: 0 13px; line-height: 31px;background-color: #d70000;color: white;font-size: 20px;display: block;width: 150px;right: -210px;transition: all 0.6s ease;  top: 6px;border-radius: 5px;}
.fixed .li01:hover .tel2{right: 60px;}
/* .fixed  .as{position: relative;} */
.fixed .li01 .tel2 p{position: relative;}
.fixed .li01 .tel2 p::after{width:0px;height:0px;border-left:6px solid #d70000;border-top:6px solid transparent;border-bottom:6px solid transparent; position: absolute;right: -19px;top: 0;bottom: 0;margin: auto 0;content: "";}
.fixed  .tel3 {position: absolute;width: 86px;height: 86px; right: -136px;transition: all 0.6s ease;  top:-16px;}
.fixed .li02:hover .tel3 {right: 56px;}


.c-nav-button_icon {width: 15px;margin-top: 3px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}
.has-nav-open .c-nav-button_icon {transform:rotate(135deg);transition-delay:0.2s;}
.c-nav-button_line {position:relative;display:block;height:3px;margin-bottom: 3px;border-radius:3px;transform:translateZ(0);transition:transform 0.2s cubic-bezier(0.4,0,0.2,1) 0.2s,opacity 0.15s 0.05s;}
.c-nav-button_line::before,
.c-nav-button_line::after {display:block;content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:2px;background-color:#676767;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);transform:translateZ(0);}
.c-nav-button_line::after {opacity:0;}

.has-nav-open .c-nav-button:hover .c-nav-button_line::before {transform:translateY(0);}
.c-nav-button_line:nth-child(1)::before {transition-delay:0.2s;}
.c-nav-button:hover .c-nav-button_line:nth-child(1)::before {transition-delay:0s;}
.has-nav-open .c-nav-button_line:nth-child(1) {transition-delay:0s,0.2s;transform: translateY(6px);}

.c-nav-button_line:nth-child(2) {transition:transform 0.2s cubic-bezier(0.4,0,0.2,1) 0.05s;}
.c-nav-button_line:nth-child(2)::before {transition-delay:0.1s;}
.has-nav-open .c-nav-button_line:nth-child(2) {transform:rotate(90deg);transition-delay:0.15s; width:100%;}
.c-nav-button_line:nth-child(3) {position:relative;margin-bottom:0;}
.c-nav-button_line:nth-child(3)::before {transition-delay:0.0s;}
.c-nav-button:hover .c-nav-button_line:nth-child(3)::before {transition-delay:0.2s;}
.has-nav-open .c-nav-button_line:nth-child(3) {transform:translateY(-0.59375rem);opacity:0;transition-delay:0s,0.15s;}
.c-nav-button_line:nth-child(3)::after {top:0.59375rem;}

.has-nav-open .c-nav-button_line::before,
.has-nav-open .c-nav-button_line::after { background-color: #676767; }

.c-nav {position:fixed;top:83px;right:0;bottom:0;left:0; width: 100%; z-index:12;overflow:hidden;visibility:hidden;transition:visibility 0s 0.85s;}
.has-nav-open .c-nav {visibility:visible;transition-delay:0s;}

.c-nav_background {position:absolute;top:0;right:0;bottom:0;left:0; }
.c-nav_background::before,
.c-nav_background::after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(0);transform-origin:center left;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);}
.c-nav_background::before { transition-delay:0.25s;z-index:1;}
.c-nav_background::after {background: #005eac;transition-delay:0.10s;z-index:3;}

.has-nav-open .c-nav_background::before,
.has-nav-open .c-nav_background::after { transform:scaleX(1);}
.has-nav-open .c-nav_background::before {transition-delay:0s;}
.has-nav-open .c-nav_background::after {transition-delay:0.15s;}

.c-nav_list-wrap {position:relative; height: 85vh; padding: 0 0 0 15vw; margin:10vh 0 5vh; overflow-y: auto; z-index:4; }
.c-nav_list-wrap a { position: relative; display: block; font-size: 20px; color: #fff; text-transform: uppercase; line-height: 3; }
.c-nav_list-wrap a i { position: relative; display: inline-block; width: 8px; height: 8px; margin-left: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(315deg); transform-origin: 0 0; transition: all .3s ease; }
.c-nav_list-wrap a.o { color: #ff0; }
.c-nav_list-wrap a.o i { transform: rotate(135deg); transform-origin: 5px 5px; }
.c-nav_list-wrap .c-nav_list {position:relative;margin:0;line-height:1;z-index:4;display:inline-block;font-size:.3rem; padding:4vh 0 0 4.2rem;}
.c-nav_list-wrap .c-nav_list .shownav { display: none; padding-left: 2.2rem; }
.c-nav_list-wrap .c-nav_list .shownav a { font-size: 16px; line-height: 2.4; } 
.c-nav_list-wrap .c-nav_list .c-nav_item {position:relative; transform:translateX(-100%) translateX(-.5rem); transition:transform 0.45s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1); opacity:0;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(1) {transition-delay:0.2s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(2) {transition-delay:0.1s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(3) {transition-delay:0.0666666667s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(4) {transition-delay:0.05s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(5) {transition-delay:0.04s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(6) {transition-delay:0.0333333333s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(7) {transition-delay:0.0285714286s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(8) {transition-delay:0.025s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(9) {transition-delay:0.0222222222s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(10) {transition-delay:0.02s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(11) {transition-delay:0.0181818182s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(12) {transition-delay:0.0166666667s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item { transform:translateX(0);opacity:1;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(1) {transition-delay:0.19s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(2) {transition-delay:0.23s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(3) {transition-delay:0.27s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(4) {transition-delay:0.31s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(5) {transition-delay:0.35s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(6) {transition-delay:0.39s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(7) {transition-delay:0.43s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(8) {transition-delay:0.47s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(9) {transition-delay:0.51s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(10) {transition-delay:0.55s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(11) {transition-delay:0.59s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(12) {transition-delay:0.63s;}


@media all and (max-width:1600px){
 .g-in{width: 96%;}
 .fun .nav li{margin-left: 25px;}

}

@media all and (max-width:1300px){
    .fun .nav {display: none;}
   
   }

@media all and (max-width:1000px){
    .foot .f1 {float: unset;text-align: center;display: block;}
    .foot .f1 ul{display: inline-block;}
    .foot .wx{display: block;float: unset;text-align: center;}
    .foot .wx span{height: unset;display: block;writing-mode:unset;}
    .foot .f-nav li:last-child::after{display: none;}
   }
@media all and (max-width:750px){
    .foot .f1 ul {display: none;}
    .foot{padding: 0 0 10px 0;}
    .tell i,.logo,.tell span{height: 45px;line-height: 45px;}
    .logo a{display: block;height: 45px;}
    .logo a img{height: 100%;}
    .c-nav-button,.icon{margin-top: 12px;}
    .fun .fun-icon{margin-left: 10px;}
    .fun .fun-icon .icon{margin-left: 10px;}
    .c-nav-button{margin-left: 10px;}
    .tell i{font-size: 16px;}
    .tell span{background: url(tell.png) no-repeat center;background-size: 100%;width: 20px;}
    .tell i{margin-left: 7px;}
    .c-nav{top: 45px;}
    .search form{width: 90%;transform: translate(-50%,0);margin-left: 0;}
    .search form .txt{width: 80%;}
    .search form .btn{width: 20%;}
    .serclose{right: -3.6666%;}
   }